<template>
  <!--<div class="tabbar">
    <div class="title">{{title}}</div>
  </div>-->

  <tabbar class="tabbar">
    <div class="title">{{title}}</div>
    <tabbar-item class="search">
      <img slot="icon" src="../assets/images/home.png">
    </tabbar-item>
  </tabbar>

</template>
<style>
.tabbar{
background-color:#00CC66;
height:50px;
position:relative;
}
.search{
position:absolute;right:5px;top:5px;z-index:999;
}
.title{
   text-align:center;
margin:auto;
   color:white;
   line-height:50px;
   font-size:18px;
 }
</style>
<script>
import {Tabbar, TabbarItem} from 'vux'
export default{
  name: 'AppHeader',
  components: {
    Tabbar,
    TabbarItem
  },
  data () {
    return {
      title: '综合'
    }
  },
  methods: {
    resultClick (item) {
      console.log('you click the result item: ' + JSON.stringify(item))
    },
    getResult (val) {
      this.results = val
    }
  }
}
</script>

